<template>
    <div class="configuration-setting">
        <!-- 通用部分 -->
        <name-setting :chartConfig="targetData.chartConfig"/>
        <size-setting :isGroup="targetData.isGroup" :chartAttr="targetData.attr"/>
        <position-setting :chart-attr="targetData.attr" :canvas-config="dataView.getEditCanvasConfig"/>
        <!-- 动态注册当前图表的自定义配置部分 -->
        <component :is="targetData.chartConfig.conKey" :optionData="targetData.option"/>
    </div>
</template>

<script setup lang="ts">
import nameSetting from '@/components/chart/nameSetting/index.vue';
import sizeSetting from '@/components/chart/sizeSetting/index.vue'
import positionSetting from '@/components/chart/positionSetting/index.vue'
import { useTargetData } from '../../hooks/useTargetData';

const {targetData,dataView} = useTargetData()
</script>

<style lang='scss' scoped>
.configuration-setting{
}
</style>